 <div id="leftbox">
 
     <div class="tagbg">
      <div class="topbg"></div>
      <div class="text">
	 	All Posts in "<strong>${typeName}</strong>"
      </div>
      <div class="btmbg"></div>
    </div>
    <#if blogItems??>
		<#assign blogs = blogItems.items>
		<#if blogs?size &gt; 0>
			<#list blogs as blog>
				<#assign pic = blog.thumbnail>
				<#if ! pic?starts_with("http")>
					<#assign pic = contextPath + pic>
				</#if>
					<div class="blog_item margin15">
				      <div class="topbg"></div>
				      <div class="contbox">
				        <div class="title">
				          <h2><a href="${contextPath}/i18n/blog/${blog.urlTitle}">${blog.title}</a></h2>
				          <p class="time">${(blog.created)?date} | Posted by Kasey Fleisher in <a href="#">${blog.category}</a></p>
				        </div>
				        
				      
				        <div class="nrk">
				          <p>${blog.introduction}</strong><br />
				          <!--
				          <img src="images/pic1.jpg" width="400" height="27" />
				          -->
				          <#--
				          <#assign start = blog.content?index_of("audioUrl=")+9>
				          <#assign end = blog.content?index_of(".mp3\"")+4>
				          <#if end &gt; start >
				          	<embed flashvars="audioUrl=${blog.content?substring(start,end)}" height="27" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" type="application/x-shockwave-flash" width="400"></embed>
				          </#if>
				          -->
				          </p>
				        </div>
				       
				        <div class="btmbox">
				          <div class="Posted"><a href="#">${blog.category}</a></div>
				          <div class="tagged">Tagged
				          	<#list blog.tags?split(",") as tag><#if tag_index &gt; 0>,</#if>
				          	<#if typeName??>	
				          		<#if typeName?trim == tag?trim>
				          			<a href="#" class="red" >${tag}</a>
				          		<#else>
				          			<a href="#">${tag}</a>
				          		</#if>
				          	</#if>
				          	</#list>
				          	
				          </div>
				          
				          <ul class="social">
				         	<li><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.wontube.com%2Fblog%2F${blog.urlTitle}&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=385893978124932" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe></li>
				          	<li><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.wontub.com/blog/${blog.urlTitle}" data-via="heweichang">Tweet</a></li>
				         	<!--
				         	<li><div class="g-plusone" data-size="medium" data-href="http://www.wontube.com"></div></li>
				         	-->
				         </ul>
				         
				        </div>
				      </div>
				      <div class="btmbg"></div>
				    </div>
			</#list> 
			 <#assign pageCount = blogItems.pageCount>	
			 <#if pageCount != 1>
			 <div class="pagebg margin15">
		      <div class="topbg"></div>
		      <div class="pageing"> 
		          <#include "/macro/new_pager.ftl">	
				  <#assign preUrl = contextPath + "/i18n/blog/"+type+"/"+typeName+"/{page}">
				  <#assign page = blogItems.pageNo>	
				  <@pager preUrl page pageCount />
		      </div>
		      <div class="btmbg"></div>
		    </div>
		    </#if>
        <#else>
        	No more blogs.
        </#if>
    <#else>
    	No more blogs.
    </#if>
    
    
  
    
   
    
  </div>
  <!-- leftbox end -->  